<!DOCTYPE html>
<html>
	
	<head>
		<meta charset="utf-8">

		<!-- !Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>03_JavaScript_Date对象</title>
		<meta name="description" content="">
		<meta name="author" content="chenyong">

		<meta name="viewport" content="width=device-width; initial-scale=1.0">

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
		
		<style type="text/css">
			
			
			body{
				margin:50px;
			}
			
			div{
				font-size:12px;
			}
			
			div.box{
				margin-top:30px;
			}
		
			
		</style>
		
		<script type="text/javascript">
			
			function fn1(){
				var date = new Date();
				alert(date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日");
			}
			
			function fn2(){
				var str1 = new String("abc");
				var str2 = "how are you";
				
				var s = str2.slice(2,5);
				alert("原字符串：" + str2 + "\n截取后" + s);
				
				var array = str2.split(" ");
				alert("原字符串：" + str2 + "\n分割后" + array + "\n返回值是数组[" + (array instanceof Array)  + "]");
				
				var str3="abc.txt";
				alert("获取文件后缀名\n文件名：" + str3 + "\n后缀名：" + str3.substr(str3.lastIndexOf(".") + 1));
			}
			
			function fn3()
			{
				var as = new Array();
				as.push(1);
				as.push(12);
				as.push(15);
				alert("通过push方式设置元素：" + as);
				
				as = new Array("151",123,"131","123",1);
				alert("通过构造方法设置元素："+as);
				alert("元素转为字符串，用指定字符分割：" + as.join("-"));
				
				alert("排序：" + as.sort());
				
				alert("从第二个字符开始删除0个元素，新增2个元素：" + as.splice(2,0,99,98));
			}
		</script>
	</head>
	
	<body>
		
		<h3>03_JavaScript_常用对象</h3>
		
		<div class="box">
			<p><b>Date对象</b></p>
			<p>通过new Date()定义Date对象</p>
			<p>一般使用getFullYear()获取年份，getYear()获取的是今天距1900多少年</p>
			<p>getMonth()是从零开始记的，使用的时候要加1</p>
			<button onclick="fn1()">测试fn1()</button>
		</div>
		
		
		<div class="box">
			<p><b>String对象</b></p>
			<p>可以通过new String()定义String对象</p>
			<p>也可以直接var str = "abc";定义字符串</p>
			<p>slice 提取字符串的片断，并在新的字符串中返回被提取的部分</p>
			<p>slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度</p>
			<button onclick="fn2()">测试fn2()</button>
		</div>
		
		
		<div class="box">
			<p><b>Array对象</b></p>
			<p>可以通过new Array()定义Array对象，通过push方法添加元素</p>
			<p>也可以直接在括号[]内初始化数组元素</p>
			<p>join方法可以将数组转为字符串，并用字符分割开来</p>
			<p>slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度</p>
			<p>sort方法对数组进行排序，默认通过字符来排序</p>
			<p>splice方法在数组指定位置插入或删除元素</p>
			<button onclick="fn3()">测试fn3()</button>
		</div>
	
	</body>
	
</html>